<template>
	<view>
		<view class="main">
			<view class="orderBox" v-for="(item,index) in orderData" :key="index">
				<text class="orderComplete">{{item.orderComplete}}</text>
				<image class="timephoto" src="../../../static/dating/number.png"></image>
				<text class="year">{{item.year}}</text>
				<text class="time">{{item.time}}</text>
				<image class="numPhoto" src="../../../static/dating/number.png"></image>
				<text class="orderFont">订单号:</text>
				<text class="orderNum">{{item.orderNum}}</text>
				<text class="addmoney">+{{item.money}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				orderData:[{
						orderComplete:'订单完成',
						year:'2020-04-12',
						time:'12:30',
						orderNum:'20200320000',
						money:'100'
				},{
						orderComplete:'订单完成',
						year:'2020-04-12',
						time:'12:30',
						orderNum:'20200320000',
						money:'100'
				},{
						orderComplete:'订单完成',
						year:'2020-04-12',
						time:'12:30',
						orderNum:'20200320000',
						money:'100'
				},{
						orderComplete:'订单完成',
						year:'2020-04-12',
						time:'12:30',
						orderNum:'20200320000',
						money:'100'
				}]
			};
		},
		methods:{
			back() {
				uni.navigateBack({
					delta: 1,
				})
			},
		}
	}
</script>

<style lang="scss">
		.main{
			width: 750rpx;
			height: 500rpx;
			position: relative;
			}
			.orderBox{
				width:750rpx;
				height:140rpx;
				background:rgba(255,255,255,1);
				position: relative;
				top: 10rpx;
			}
			.orderComplete{
				font-size:30rpx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(51,51,51,1);
				position: absolute;
				top: 20rpx;
				left: 21rpx;
			}
			.timephoto{
				width: 22rpx;
				height: 22rpx;
				position: absolute;
				top: 88rpx;
				left: 21rpx;
			}
			.year{
				font-size:24rpx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(142,142,142,1);
				position: absolute;
				top: 80rpx;
				left: 53rpx;
			}
			.time{
				font-size:24rpx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(142,142,142,1);
				position: absolute;
				top: 80rpx;
				left: 200rpx;
			}
			.numPhoto{
				width: 27rpx;
				height: 20rpx;
				position: absolute;
				top: 88rpx;
				left: 304rpx;
			}
			.orderFont{
				font-size:24rpx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(142,142,142,1);
				position: absolute;
				top: 80rpx;
				left: 337rpx;
			}
			.orderNum{
				font-size:24rpx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(142,142,142,1);
				position: absolute;
				top: 80rpx;
				left: 420rpx;
			}
			.addmoney{
				font-size:28rpx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(255,59,48,1);
				position: absolute;
				top: 49rpx;
				right: 30rpx;
			}
</style>
